<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>去哪儿驴行——九寨沟</title>
    <link rel="stylesheet" href="css/base.css"/>
    <link rel="stylesheet" href="css/main.css"/>
    <script src="js/drop.js"></script>
</head>
<body>
<header>
    <a href="#" class="logo_left"></a>
    <h3>九寨沟</h3>
    <a href="#" class="logo_right">首页</a>
</header>
<section>
    <h2>景点图片源</h2>
    <div ondragover="allow(event)" ondrop="drop(event)">
        <img src="images/01.jpg" alt="1" draggable="true" ondragstart="start(event)" id="img1"/>
        <img src="images/02.jpg" alt="2" draggable="true" ondragstart="start(event)" id="img2"/>
        <img src="images/03.jpg" alt="3" draggable="true" ondragstart="start(event)" id="img3"/>
        <img src="images/04.jpg" alt="4" draggable="true" ondragstart="start(event)" id="img4"/>
        <img src="images/05.jpg" alt="5" draggable="true" ondragstart="start(event)" id="img5"/>
        <img src="images/06.jpg" alt="6" draggable="true" ondragstart="start(event)" id="img6"/>
        <img src="images/07.jpg" alt="7" draggable="true" ondragstart="start(event)" id="img7"/>
        <img src="images/08.jpg" alt="8" draggable="true" ondragstart="start(event)" id="img8"/>
    </div>
</section>
<section>
    <h2>图片目的地</h2>
    <div ondragover="allow(event)" ondrop="drop(event)">
        <img src="images/01.jpg" alt="1" class="hide" />
    </div>
</section>
<footer>
    <p>
        <a href="#">登录</a>
        <a href="#">最近浏览</a>
        <a href="#">关于我们</a>
    </p>
    <p class="cp">
        <a href="#">触屏版</a>
        <a href="#">电脑版</a>
    </p>
    <p class="bq">Qunar 京ICP备05021087 意见反馈</p>
</footer>


</body>
</html>